<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">    
        <link rel="stylesheet" href="index.css">
        <title>业绩排行榜</title>
    </head>
    <body>
        <!--音频-->
        <audio src="voice/deal.mp3" id="audio"></audio>
        <!--菜单触发器-->
        <div id="menu_trigger"></div>
        <!--菜单-->
        <div id="menu">
            <img src="img/menu/cancel.png" alt="" id="hidemenu">
            <ul>
                <li>
                    <ol>
                        <li id="menu_to_rank"><div></div><span>小组/个人<br/>排行榜</span></li>
                        <li id="menu_to_team"><div></div><span>团队排行榜</span></li>
                    </ol>
                </li>
                <li id="menu_to_pk"><div></div><span>PK榜</span></li>
                <li id="menu_to_king"><div></div><span>兵王榜</span></li>
                <li id="menu_to_reach"><div></div><span>达成率</span></li>
                <li><div></div><span>达成率</span></li>
                <li><div></div><span>达成率</span></li>
            </ul>
        </div>
        <!--弹幕-->
        <div id="barrage">
            <ul>
                <li class="barrage" id="barrage1">
                    <div class="barrage_text">
                        <span></span>
                    </div>
                    <img src="img/barrage/plane.png" alt="">
                </li>
                <li class="barrage" id="barrage2">
                    <div class="barrage_text">
                        <span></span>
                    </div>
                    <img src="img/barrage/plane.png" alt="">
                </li>
                <li class="barrage" id="barrage3">
                    <div class="barrage_text">
                        <span></span>
                    </div>
                    <img src="img/barrage/plane.png" alt="">
                </li>
                <li class="barrage" id="barrage4">
                    <div class="barrage_text">
                        <span></span>
                    </div>
                    <img src="img/barrage/plane.png" alt="">
                </li>
                <li class="barrage" id="barrage5">
                    <div class="barrage_text">
                        <span></span>
                    </div>
                    <img src="img/barrage/plane.png" alt="">
                </li>
            </ul>

        </div>
        <!--排行榜-->
        <div class="wrap" id="body_rank" style="display: block;">
            <img src="img/bj.jpg" alt="" class="bj">
            <div class="mask"><span></span><span></span><span></span><span></span></div>
            <div class="detail">
                <div class="detail_title">
                    <ul>
                        <li><span>小组</span><span>排名</span></li>
                        <li><span>名称</span></li>
                        <li><span>回款率</span></li>
                    </ul>
                </div>
                <ul class="detail_list" id="group"></ul>
            </div>
            <div class="detail">
                <div class="detail_title">
                    <ul>
                        <li><span>个人</span><span>排名</span></li>
                        <li><span>名称</span></li>
                        <li><span>销售额</span></li>
                    </ul>
                </div>
                <ul class="detail_list" id="solo"></ul>
            </div>
        </div>
        <!--pk-->
        <div class="wrap" id="body_pk" style="display: none;">
            <img src="img/pk/back.png" alt="" class="bj">
            <img src="img/pk/flag.png" alt="" id="pk_flag">
            <div id="pk_detail">
                <div>
                    <ul>
                        <li><span>挑战方</span></li>
                        <li><span>被挑战方</span></li>
                        <li><span>pk内容</span><span>支持情况</span></li>
                    </ul>
                </div>
                <ul>
                    <li>
                        <div>华南组-兄弟第一组</div><div>华南组-兄弟第一组</div>
                        <div>
                            <span>本月单量</span>
                            <span>75%</span>
                            <div><img src="img/pk/power.gif" alt=""></div>
                            <span>25%</span>
                        </div>
                    </li>
                    <li>
                        <div>华南组-兄弟第一组</div><div>华南组-兄弟第一组</div>
                        <div>
                            <span>本月单量</span>
                            <span>75%</span>
                            <div><img src="img/pk/power.gif" alt=""></div>
                            <span>25%</span>
                        </div>
                    </li>
                    <li>
                        <div>华南组-兄弟第一组</div><div>华南组-兄弟第一组</div>
                        <div>
                            <span>本月单量</span>
                            <span>75%</span>
                            <div><img src="img/pk/power.gif" alt=""></div>
                            <span>25%</span>
                        </div>
                    </li>
                    <li>
                        <div>华南组-兄弟第一组</div><div>华南组-兄弟第一组</div>
                        <div>
                            <span>本月单量</span>
                            <span>75%</span>
                            <div><img src="img/pk/power.gif" alt=""></div>
                            <span>25%</span>
                        </div>
                    </li>
                    <li>
                        <div>华南组-兄弟第一组</div><div>华南组-兄弟第一组</div>
                        <div>
                            <span>本月单量</span>
                            <span>75%</span>
                            <div><img src="img/pk/power.gif" alt=""></div>
                            <span>25%</span>
                        </div>
                    </li>
                    <li>
                        <div>华南组-兄弟第一组</div><div>华南组-兄弟第一组</div>
                        <div>
                            <span>本月单量</span>
                            <span>75%</span>
                            <div><img src="img/pk/power.gif" alt=""></div>
                            <span>25%</span>
                        </div>
                    </li>
                    <li>
                        <div>华南组-兄弟第一组</div><div>华南组-兄弟第一组</div>
                        <div>
                            <span>本月单量</span>
                            <span>75%</span>
                            <div><img src="img/pk/power.gif" alt=""></div>
                            <span>25%</span>
                        </div>
                    </li>
                    <li>
                        <div>华南组-兄弟第一组</div><div>华南组-兄弟第一组</div>
                        <div>
                            <span>本月单量</span>
                            <span>75%</span>
                            <div><img src="img/pk/power.gif" alt=""></div>
                            <span>25%</span>
                        </div>
                    </li>
                </ul>
            </div>
            <img src="img/pk/title.png" alt="" id="pk_title">
        </div>
        <!--大区排行-->
        <div class="wrap" id="region" style="display: none;">
            <img src="img/team_bg.jpg" alt="" class="bj">
            <div class="region_mask"><span></span><span></span></div>
            <div class="region_detail">
                <div class="region_title">
                    <ul>
                        <li><span>大区</span><span>排名</span></li>
                        <li><span>名称</span></li>
                        <li><span>回款率</span></li>
                    </ul>
                </div>
                <ul class="region_ul" id="region_ul">
                    <li id="group1">
                        <span>1</span>
                        <span>华南大区</span>
                        <div>
                            <span>400万</span>
                            <div><img src="img/line.png" alt=""></div>
                        </div>
                    </li>
                    <li id="group2">
                        <span>2</span>
                        <span>华南大区</span>
                        <div>
                            <span>300万</span>
                            <div><img src="img/line.png" alt=""></div>
                        </div>
                    </li>
                    <li id="group3">
                        <span>3</span>
                        <span>华南大区</span>
                        <div>
                            <span>300万</span>
                            <div><img src="img/line.png" alt=""></div>
                        </div>
                    </li>
                    <li id="group4">
                        <span>4</span>
                        <span>华南大区</span>
                        <div>
                            <span>300万</span>
                            <div><img src="img/line.png" alt=""></div>
                        </div>
                    </li>
                    <li id="group5">
                        <span>5</span>
                        <span>华南大区</span>
                        <div>
                            <span>300万</span>
                            <div><img src="img/line.png" alt=""></div>
                        </div>
                    </li>
                    <li id="group6">
                        <span>6</span>
                        <span>华南大区</span>
                        <div>
                            <span>300万</span>
                            <div><img src="img/line.png" alt=""></div>
                        </div>
                    </li>
                    <li id="group7">
                        <span>7</span>
                        <span>华南大区</span>
                        <div>
                            <span>300万</span>
                            <div><img src="img/line.png" alt=""></div>
                        </div>
                    </li>
                    <li id="group8">
                        <span>8</span>
                        <span>华南大区</span>
                        <div>
                            <span>300万</span>
                            <div><img src="img/line.png" alt=""></div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!--兵王榜-->
        <div class="wrap" id="body_king" style="display: none;">
            <img src="img/king/bg.jpg" alt="" class="bj">
            <div id="rotate">
                <ul></ul>
            </div>
        </div>
        <script type="text/javascript" src="js/axios.js"></script>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/passport.js"></script>
        <script type="text/javascript" src="js/function.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
    </body>
</html>